<template>
  <div class="about">
    <header>
      <h1>关于</h1>
    </header>
    <p>「ONE · 一个」隶属于上海有树文化传播有限公司，是由韩寒主编和监制，原《独唱团》主创成员共同制作的文艺应用软件。发布不到 24 个小时就登上 App Store 免费排行总榜第一名。 </p>
    <p>不追热点，不关时政，不要喧哗，不惹纷争。关掉微博，离开微信，带着微笑，去到 Web 0.1 时代。「一个」足够简单。</p>
    <div class="content">
      <p>
        <span>出品人/监制</span>
        <span>韩寒</span>
      </p>
      <p>
        <span>执行主编</span>
        <span>小饭</span>
      </p>
      <p>
        <span>副 主 编</span>
        <span>金丹华</span>
      </p>
      <p>
        <span>执行编辑</span>
        <span>贺伊曼 一言 薛诗汉 赵西栋 金子棋</span>
      </p>
      <p>
        <span>流程监督</span>
        <span>金怡玉玲 向可</span>
      </p>
      <p>
        <span>美术编辑</span>
        <span>刘小禄 陆骏璇</span>
      </p>
    </div>
    <br>
    <p>复杂世界里，一个就够了。</p>
  </div>
</template>

<style lang="scss" scoped>
.about {
  margin: 0 auto;
  width: 730px;
  color: #333;
}
header {
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
h1 {
  font-weight: 300;
  font-size: 30px;
  text-align: left;
}
p {
  line-height: 1.42857143;
  text-align: left;
}
.content {
  margin-top: 40px;
  margin-left: 110px;
}

.content p > span:nth-child(1) {
  margin-left: -20px;
}
.content p > span:nth-child(2) {
  margin-left: 20px;
}
.content > p:nth-child(1) > span:nth-child(1) {
  margin-left: -40px;
}
.content > p:nth-child(3) > span:nth-child(1) {
  margin-left: -14px;
}
</style>

